<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" th:href="@{~/css/com.css}"/>
		<link rel="stylesheet" type="text/css" th:href="@{~/css/bootstrap.css}"/>
		<script th:src="@{~/js/jquery-3.3.1.js}" type="text/javascript" charset="UTF-8"></script>
		<script th:src="@{~/js/bootstrap.js}" type="text/javascript" charset="UTF-8"></script>
		<style>
			body{
				background-color: #F7F7F7;
			}
		</style>
	</head>
	<body>
			<div class="all">
				<div class="block">
					<div class="position">
						<span class=" label label-success">
							您现在的位置：
				>
				首页
						</span>
				
			</div>
			<div class="progress">
			  <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 10%">
			    <span class="sr-only">10% Complete (success)</span>
			  </div>
			</div>
			<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
			  <!-- Indicators -->
			  <ol class="carousel-indicators">
			    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
			    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
			    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
			  </ol>
			
			  <!-- Wrapper for slides -->
			  <div class="carousel-inner" role="listbox">
			    <div class="item " th:each="ppt,status : ${ppts}" th:classappend="${status.index == 0}? 'active'">
			      <img th:src="${'/images/' + ppt.name}" alt="医院图片" width="1400px">
			      <div class="carousel-caption">
			      </div>
			    </div>
			    <!--<div class="item">
			      <img src="../img/hos2.png" alt="..." width="1400px">
			      <div class="carousel-caption">

			      </div>
			    </div>-->

			  </div>
			
			  <!-- Controls -->
			  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
			    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
			    <span class="sr-only">Previous</span>
			  </a>
			  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
			    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
			    <span class="sr-only">Next</span>
			  </a>
			</div>
				</div>
			</div>
			
	</body>
</html>
